<template>
    <view class="page">
        <view class="row">
            <view class="label">地址</view>
            <view class="content">
                <!-- <text class="c-ccc">请选择地址</text> -->
                <input v-model="state.address" readonly placeholder="请选择地址" />
            </view>
        </view>

        <view class="row">
            <view class="label">类型</view>
            <view class="content">
                <radio-group>
                    <radio value="buy" :checked="state.type === 'buy'">买</radio>
                    <radio value="sell" :checked="state.type === 'sell'">卖</radio>
                </radio-group>
            </view>
        </view>

        <view class="row">
            <view class="label">说明</view>
            <view class="content">
                <input v-model="state.message" placeholder="请输入说明" />
            </view>
        </view>

        <view class="row">
            <view class="label">联系方式</view>
            <view class="content">
                <input v-model="state.contact" type="number" maxlength="11" placeholder="请输入联系方式" />
            </view>
        </view>

    </view>
</template>

<script lang="ts" setup>
import { onLoad } from '@dcloudio/uni-app';
import { reactive } from 'vue';

const state = reactive({
    id: '',  // id
    address: "",  //地址 
    lat: 0, // 纬度
    lng: 0,  // 经度
    contact: "",  // 联系方式
    message: "",  // 信息
    type: "buy",  // 类型  给它默认 buy
})


onLoad((query:any) => {
    // query 可以获取到 传递过来的参数
    console.log('query',query);
    // const { id }= query


    // 调接口
    uni.request({
        url:`http://localhost:3000/trades/${query.id}`,
        success:(res)=>{
            // console.log('res.data',res.data);

            // state = res.data   // 如果直接 赋值会让 state 丢失响应性
            Object.assign(state,res.data)            
        }
    })
    
})


    // new Promise((resolve,reject)=>{
    //   uni.request({
    //     url:`http://localhost:3000/trades/${locationid}`,
    //     method:'GET',
    //     success:(res)=>{
    //       console.log('res666',res);
    //       resolve(res)          
    //     },
    //     fail:(err)=>{
    //       reject(err)
    //     }
    //   })
    // })
</script>